{% extends 'layout.njk' %}

{% block style %}
    <link rel='stylesheet' ,="," href='/css/chat.css'>
{% endblock %}

{% block content %}
    <div class='head'>
        <div class='child'>
            <div class='icon'><img src='{{avatar}}'></div>
            <div class='username'>hi: {{username}}</div>
            {# <div class='times'>{{time}}</div> #}
        </div>
        
        <div class='content'>
            <div class='middle' >
                
                    
                
            </div>
            <div class='footer'>
                <div class='face'></div>
                <input class='chatInput'/>
            </div>
        </div>
        
    </div>

{% endblock %}

{% block script %}
<script src='/js/chat.js'></script>
{% endblock %}